<template>
  <umrp-container padding="16px" :gap="16">
    <umrp-container direction="horizonal" justify="between" align="center">
      <umrp-input placeholder="搜索空间内的文件"></umrp-input>
      <umrp-container bg-color="#f2f2f2" padding="10px" v-route="'JcltClientMe'">
        <umrp-text>会员中心</umrp-text>
      </umrp-container>
    </umrp-container>
    <umrp-placeholder :height="160">广告图</umrp-placeholder>
    <umrp-row :gutter="16">
      <umrp-col :span="12">
        <umrp-container padding="16px 0" :gap="16">
          <umrp-text bold :size="18">最近看过</umrp-text>
          <umrp-media v-for="_ in 5">
            <template #cover>
              <umrp-image :width="80" :height="80"></umrp-image>
            </template>
            <umrp-container justify="between" height="100%" padding="6px 0">
              <umrp-text bold :size="16">RPReplay_Final1690170202.MP4</umrp-text>
              <umrp-text>2024年12月31日 10:30</umrp-text>
            </umrp-container>
          </umrp-media>
        </umrp-container>
      </umrp-col>
      <umrp-col :span="12">
        <umrp-container padding="16px 0" :gap="16">
          <umrp-text bold :size="18">最近保存</umrp-text>
          <umrp-media v-for="_ in 5">
            <template #cover>
              <umrp-image :width="80" :height="80"></umrp-image>
            </template>
            <umrp-container justify="between" height="100%" padding="6px 0">
              <umrp-text bold :size="16">RPReplay_Final1690170202.MP4</umrp-text>
              <umrp-text>2024年12月31日 10:30</umrp-text>
            </umrp-container>
          </umrp-media>
        </umrp-container>
      </umrp-col>
    </umrp-row>
  </umrp-container>
</template>
